<template>
	<view class="member">
		<u-parse :html="content"></u-parse>
		<view class="foot">
			<view class="memberbtn1" @click="routeShop">
				门店详情
			</view>
			<view class="memberbtn2" @click="routeVip">
				购买VIP会员卡
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			content: {
				type: String,
				default: ``,
				required: true
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			routeShop(){
				this.$emit('shop')
			},
			routeVip(){
				this.$emit('vip')
			}
		}
	}
</script>

<style lang="scss" >
	page{
		background: #e9e9e9;
	}
	.member{
		display: flex;
		flex-direction: column;
		align-items: center;
		.foot{
			width: 750rpx;
			height: 160rpx;
			background: #ffffff;
			box-shadow: 0rpx 8rpx 28rpx 0rpx rgba(166,179,194,0.30); 
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			padding: 16rpx 20rpx 0;
			position: fixed;
			bottom: 0;
			.memberbtn1{
				transform: rotateZ(360deg);
				width: 346rpx;
				height: 88rpx;
				border: 1rpx solid #73F0EA;
				border-radius: 16rpx;
				font-size: 34rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				color: #73F0EA;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			.memberbtn2{
				width: 346rpx;
				height: 88rpx;
				background: #73F0EA;
				border-radius: 16rpx;
				font-size: 34rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				text-align: center;
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
</style>